<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 模态框（Modal）插件</title>

    <link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css">
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <script type="text/javascript" src="static/js/bootstrap.js"></script>

</head>
<body>

<h2>创建模态框（Modal）</h2>
<!-- 按钮触发模态框 -->
<button class="btn btn-primary btn-lg"  onclick="show()">
    开始演示模态框
</button>
<!-- 模态框（Modal） -->
<div class="modal" tabindex="-1" id="modifyAddress">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">地址修改</h5>

            </div>

            <div class="modal-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th scope="col" colspan="2">地址修改</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <span >
                            <td class="col-lg-12" colspan="2">
                                <div class="input-group mb-3 col-lg-12">

                                    <input type="text" class="form-control" placeholder="地址"
                                           aria-label="Username" aria-describedby="basic-addon1"

                                    >
                                </div>

                            </td>
                        </span>

                    </tr>
                    </tbody>
                </table>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary closeModifyAddress" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary saveModifyAddress">保存</button>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    function show() {
        $("#modifyAddress").modal("show");
    }
</script>
</html>